<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
	<div style="position:absolute;left:0px;top:0px;font-size: 1.3em; word-spacing: 0.2em; margin: 0.5em 2em 0.5em 5em">
		<div style="width:90%;">
			<div style="width:100%;margin:1em 0em 0.2em 0em;color:#0000ff;font-size:1.4em;border-bottom:medium dashed #008000">Beyond Prototype 简介</div>
			
			<div style="width:100%;">
				<div style="text-indent: 1.2em;line-height:1.5em">
					Beyond Prototype 是一个高效快速的软件开发平台，可以辅助业务分析员创建高保真的系统原型，充分理解客户需求；
					可以辅助UI设计师定制系统的外观与风格；可以辅助开发人员进行业务流程的开发，并生成可以运行于目标环境（如浏览器、移动设备）的终端代码。
				</div>
				<div style="text-indent: 1.2em;line-height:1.5em">
					Beyond Prototype v1.0 前端技术采用业界流行的javascript框架DOJO并为其提供的各种WEB控件提供可视化的编程环境，同时提供CSS样式的可视化编程环境。
					使用 Beyond Prototype，开发人员可以减少学习DOJO和CSS的时间，不需要手写DOJO代码，使用拖放的快捷方式即可快速创建可靠高效的WEB界面。
				</div>
			</div>
			<div style="width:100%;margin:1em 0em 0.2em 0em;color:#0000ff;font-size:1.4em;border-bottom:medium dashed #008000">Beyond Prototype 功能</div>	
			<div style="width:100%;">
			<div style="text-indent: 1.2em">Beyond Prototype v1.0 提供了以下功能</div>
				<ul>				
					<li>组件化，提供各种常用的web组件，支持拖放操作</li>
					<li>无需安装，使用浏览器即可在线使用</li>
					<table>
						<tr style="background: #8fbc8f">
							<th width="80px">浏览器</th>
							<th width="80px">IE</th>
							<th width="80px">Firefox</th>
							<th width="80px">Safari</th>
							<th width="80px">Opera</th>
						</tr>
						<tr>
							<td>版本</td>
							<td>10+</td>
							<td>28+</td>
							<td>5+</td>
							<td>20+</td>
						</tr>
					</table>
					<li>所见即所得，简单易用易懂，可以开发高保真可重用原型</li>
					<li>全面支持CSS样式，定制组件的外观风格</li>
					<li>支持国际化(目前支持英文和简体中文)</li>
					<li>可以导出HTML和Javascript客户端代码（代码重用，提高开发效率）</li>
				</ul>
			</div>
		</div>	
			
		<!-- 
		<div style="position:absolute;left:50%;top:0em;width:40%;margin-left:2em">
			<div style="margin:1em 0em 0.2em 0em;color:#0000ff;font-size:1.4em;border-bottom:medium dashed #008000">Beyond Prototype 进展</div>
			<div style="width:100%;">
				<div style="text-indent: 1.2em;line-height:1.5em">
					<ul>
						<li></li>
					</ul>
				</div>				
			</div>
				
			<div style="margin:1em 0em 0.2em 0em;color:#0000ff;font-size:1.4em;border-bottom:medium dashed #008000">Beyond Prototype 用户手册</div>
			<div style="width:100%;">
				<div style="text-indent: 1.2em;line-height:1.5em">
					 用户手册
				</div>				
			</div>
		</div>
		-->
		
		<center>
			<div style="margin-top:2em">
				<button onclick="agilePrototypePreviewer.hide()" style="font-size: 1.2em;">关闭</button>
			</div>
		</center>
	</div>
</body>
</html>